<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <title>公众号:一百综合科技</title>
</head>
<body>
    <div style="display: flex;justify-content: center;align-items: center;flex-direction: column">
      <div style="display: flex;justify-content: center;align-items: center;flex-direction: column;width: 80%;height: 500px;background-color: #f1f1f1;border-radius: 20px;">
          <div style="padding: 20px;font-weight: 900;font-size: 18px;text-align: center">验证码获取方式: <div style="margin: 10px">公众号发送关键字<div style="margin: 10px;color: red">【验证码】</div></div> </div>
          <div> <input value="" id="ipt" style="padding: 5px;height: 20px;width: 200px"  type="text" placeholder="请输入验证码"></div>
          <div> <button onclick="btns()" style="background-color: #3b3434;padding: 5px 80px;margin: 30px;color: #f1f1f1;border-radius: 10px">确定</button></div>
      </div>
    </div>

    <div class="app">

    </div>
    <script>

        let mm = '1888414'
      let ipt = document.querySelector('#ipt')

      if (new Date().getTime() > parseFloat(localStorage.getItem('key'))){
          localStorage.removeItem('key')
      }else{
          if (localStorage.getItem('key')!==null){
              btn(localStorage.getItem('mm'))
          }
      }


      function btns(){
          btn(ipt.value)
      }

        function btn(key){
            if (key===mm){
                localStorage.setItem('key',new Date().getTime()+1000*60*10)
                localStorage.setItem('mm',key)
                add()
            }else{
                alert('密码错误')
            }

        }

        function add(){
            let app = document.querySelector('.app')
            let apps =  document.createElement('div')
            apps.innerHTML = '<section style="width:100%;height:90%;border:none;" ><iframe style="width: 100%;height: 100vh;" src="https://czrjg.lanzouy.com/b01pt1rwb"align="center"hspace=0 vspace=0 scrolling=auto frameborder="0" sandbox="allow-scripts allow-same-origin"></iframe></section>'
            document.querySelector("body > div:nth-child(1)").style.display = 'none'
            app.appendChild(apps);
        }
    </script>
</body>
</html>